<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>Greystash-A Smarter Way to Do Passwords</title>

		<meta name="description" content="A smarter, more secure way to manage passwords on the internet using Google Chrome.">
		<meta name="author" content="Erik Paulson">

		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<link rel="stylesheet" href="css/reveal.min.css">
		<link rel="stylesheet" href="css/theme/default.css" id="theme">

		<!-- For syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="reveal">

            <!-- Any section element inside of this container is displayed as a slide -->
            <div class="slides">
                <section>
                <h1>Greystash</h1>
                <h3>Secure Passwords Made Easy</h3>
                <h5>A Tutorial</h5>
                <p>
                <small>Created by Team Failing Street of the University of Portland</small>
                </p>
                </section>

                <section>
                <h2>Here's the Deal...</h2>
                <p>
                We like to make our passwords short and easy to remember. And we like to use the same one for everything.
                </p>

                </section>

                <section>
                <h2>Here's the problem...</h2>
                <p>Short, memorable passwords are easy for the bad guys to figure out. And if you use the same one for everything
                they can get a hold of everything you do online.</p>
                </section>

                <section>
                <h2>But how else will I be able to remember my password?</h2>
                <p>I have one word for you...</p>
                </section>

                <section>
                <h1>Greystash</h1>
                <p>Transforming your weak, human passwords into computer generated ones.</p>
                </section>

                <section>
                <h2>Here's How It Works</h2>
                <p>Greystash takes a security phrase you set up, the address of the website you are visiting, and your normal easy to remember password and...</p>
                <ul>
                    <li>smushes them all together</li>
                    <li>performs some sophisticated math</li>
                    <li>spits out a unique, random looking password</li>
                </ul>
                </section>
                <section>
                <h2>All You Have to Do Is:</h2>
                <ul>
                    <li>Type your easy to remember password</li>
                    <li>That's it! We'll do the rest!</li>
                </ul>
                </section>
                <section>
                <h2>Example</h2>
                <p>Easy password: cats4ever</p>
                <p>Transformed into: 3@JmeK-%`sjRtNl[w</p>
                </section>

                <section>
                <p>Greystash will put a checkmark in each password field on supported websites. When the check is present, Greystash will work its magic.</p>
                <img src="check.png"></img>
                </section>

                <section>
                <p>If you click on the checkmark, it will change into an 'X', meaning Greystash will be turned off and won't change the password.</p>
                <img src="x.png"></img>
                </section>


                <section>
                <h2>Want to create a new online account? Easy!</h2>
                <p>Simply make sure there is a check in the password fields and your new account will be set up with a Greystash secure password!</p>
                </section>
                
                <section>
                <h2>Example</h2>
                <img src="facebook.png"></img>
                </section>

                <section>
                <h2>Want to Greystashify an existing account? No problem!</h2>
                <p>Make sure to turn off the password transformation when entering your old password.</p>
                </section>

                <section>
                <h2>Example</h2>
                <img src="facebook2.png"></img>
                </section>

                <section>
                <p>Need to change your security phrase?</p>
                <p>Just click the wizard!</p>
                <img src="popup.png"></img>
                </section>

                <section>
                <h2>You are ready to go!</h2>
                <p>Close this tab and set your Secret Phrase to get started!</p>
                </section>

			</div>

		</div>

		<script src="lib/js/head.min.js"></script>
		<script src="js/reveal.min.js"></script>

		<script src="options.js"></script>

	</body>
</html>
